<template>
	<!-- <view class="full-page" v-if="totalPage">
		
	</view> -->
	<view class="content" style="padding-top: 0;">
		<block v-if="noNetwork">
			<view class="display-flex" style="padding-top: 166px;justify-content: center;">
				<image src="/static/images/network.png" mode="aspectFit" style="width: 152px;height: 170px;"></image>
			</view>
		</block>
		<block v-else>
			<!-- <u-navbar bgColor="#fff" title="我的" titleStyle="{'color': '#000'}" :placeholder="true" :fixed="true">
				<view slot="left">
					<image :src="'/images/navicon-draw.png' | formatImgUrl" mode="aspectFit" style="width: 24px;height: 24px;"></image>
				</view>
			</u-navbar> -->
			<u-navbar bgColor="rgba(0,0,0,0)" :placeholder="true" :fixed="true" v-if="!isScroll">
				<view slot="left"></view>
			</u-navbar>
			
			<u-navbar bgColor="rgba(242, 245, 242, 1)" title="我的" titleStyle="{'color': '#000'}" :placeholder="true" :fixed="true" v-else>
				<view slot="left"></view>
			</u-navbar>
			
			<image :src="'/images/mybei.png' | formatImgUrl" class="bei" mode=""></image>
			<view class="top">
				<view>
					<button  v-if="userInfo.dream_id" class="head" @click="$go('/pages/user/data')">
						<image :src="userInfo.pic | formatImgUrl" class="head" mode="aspectFill"></image>
						
					</button>
					
					<button class="head"  v-if="!hasAuth" @click="gologin()">
						<image src="/static/image/logo.png" class="head" mode="aspectFill"></image>
					</button>
				</view>
				
				<view class="tocen">
					<view style="display: flex;align-items: center;">
						<view v-if="userInfo.dream_id" class="nick" @click="$go('/pages/user/data')">
							{{userInfo.username?userInfo.username:'默认昵称'}}
						</view>
						<view @click="gologin()" v-if="!hasAuth">
							去登录
						</view>	
						
						<view class="jibox">
							<image 
								v-if="userInfo&&userInfo.is_writer"
								:src="$options.filters.formatImgUrl(userInfo.writer_level.is_active?userInfo.writer_level.level.image:userInfo.writer_level.level.hide_img)"
								@click="$go('/pages/user/grade?uid='+userInfo.membe_id)" class="jipic" mode=""
								>
							</image>
						
									
							<image v-if="userInfo&&userInfo.user_level&&userInfo.user_level.is_active"
									
									:src="!userInfo.user_level.level?'':($options.filters.formatImgUrl(userInfo.user_level.active_day>0?userInfo.user_level.level.image:userInfo.user_level.level.hide_img))"
									class="biepic" mode="" >
									
								</image>
						</view>
					</view>
					<view class="tocen_bottom" v-if="userInfo.dream_id">
						dream号：{{userInfo.dream_id || ''}}
					</view>
				</view>
				<view class="zhu" @click="!hasAuth?gologin():$go('/pages/my/my')">
					<view class="zhutxt">
						主页
					</view>
					<image :src="'/images/rar.png' | formatImgUrl" class="rar" mode=""></image>
				</view>
			</view>
			<view class="shubox">
				<view class="shuli" @click="!hasAuth?gologin():$go('/pages/user/fans')">
					<view class="shutitle">
						{{userInfo.fans_num || 0}}
						
						<text class="float-num" v-if="userInfo.fens_new_num">+{{userInfo.fens_new_num}}</text>
					</view>
					<view class="shutxt">
						粉丝
					</view>
				</view>
				<view class="line"></view>
				<view class="shuli" @click="!hasAuth?gologin():$go('/pages/user/concern')">
					<view class="shutitle" >
						{{userInfo.follow_num || 0}}
						
						<text class="float-num" v-if="userInfo.guan_new">+{{userInfo.guan_new}}</text>
					</view>
					<view class="shutxt">
						关注
					</view>
				</view>
				<view class="line"></view>
				
				<view class="shuli">
					<view class="shutitle" >
						{{userInfo.star_num || 0}}
						
						<text class="float-num" v-if="userInfo.zan_new">+{{userInfo.zan_new}}</text>
					</view>
					<view class="shutxt">
						获赞
					</view>
				</view>
			</view>
			<view class="huibox" @click="!hasAuth?gologin():$go('/pages/user/vip')">
				<view class="left">
					<view class="huititle">
						成为平台会员，多重权益享不停
					</view>
					<view class="huitxt">
						立刻查看我的平台权益有哪些
					</view>
				</view>
				<view class="see">
					我的权益
				</view>
			</view>
			<view v-if="userInfo&&userInfo.is_writer">
				<view class="lanbox">
					<view class="lanli" @click="!hasAuth?gologin():$go('/pages/user/release')">
						<image :src="'/images/sa.png' | formatImgUrl" class="lanpic" mode=""></image>
						<view class="lantxt">
							我的发布
						</view>
					</view>
					<view class="lanli" @click="!hasAuth?gologin():$go('/pages/user/order')">
						<image :src="'/images/sb.png' | formatImgUrl" class="lanpic" mode=""></image>
						<view class="lantxt">
							订单查询
						</view>
					</view>
					<view class="lanli" @click="!hasAuth?gologin():$go('/showcase/user/property-writer')">
						<image :src="'/images/sc.png' | formatImgUrl" class="lanpic" mode=""></image>
						<view class="lantxt">
							我的资产
						</view>
					</view>
					
					<view class="lanli" @click="!hasAuth?gologin():$go('/showcase/user/writer-center')" style="position: relative;">
						<text class="float-num" style="top: 2px;z-index: 9;" v-if="info.is_new">新通知</text>
						<image :src="'/images/xsdt.png' | formatImgUrl" class="lanpic" mode=""></image>
						<view class="lantxt">
							写手大厅
						</view>
					</view>
					
					<!-- <view class="lanli" @click="userInfo.tuan_id=='0'?$go('/pages/user/collective'):$go('/pages/user/success?id='+userInfo.tuan_id)">
						<image :src="'/images/sd.png' | formatImgUrl" class="lanpic" mode=""></image>
						<view class="lantxt">
							申请入团
						</view>
					</view> -->
					<!-- open-type="contact" -->
					<view class="lanli" @click="kefu()">
						<image :src="'/images/se.png' | formatImgUrl" class="lanpic" mode=""></image>
						<view class="lantxt">
							帮助反馈
						</view>
					</view>
					
					<!-- <view class="lanli" @click="$go('/pages/user/yuegao')">
						<image :src="'/images/sf.png' | formatImgUrl" class="lanpic" mode=""></image>
						<view class="lantxt">
							约稿设置
						</view>
					</view> -->
					
					<!-- <view class="lanli"  @click="$go('/task/list/user_orderlist')"> -->
					<!-- <view class="lanli"  @click="no_go()">
						<image :src="'/images/pipei.png' | formatImgUrl" class="lanpic" mode=""></image>
						<view class="lantxt">
							匹配大厅
						</view>
					</view> -->
					<!-- <view class="lanli" @click="$go('/pages/user/notice')">
						<image :src="'/images/sg.png' | formatImgUrl" class="lanpic" mode=""></image>
						<view class="lantxt">
							约文须知
						</view>
					</view> -->
					<view class="lanli" @click="$go('/pages/user/set')">
						<image :src="'/images/sh.png' | formatImgUrl" class="lanpic" mode=""></image>
						<view class="lantxt">
							更多设置
						</view>
					</view>
				</view>
			
				<view v-if="is_showsss!=1"  class="adindex isactive" :class="{isactive : userInfo.wx_openid}">
					<view class="left">
						<view class="huititle" >
							通过公众号提醒我查看重要信息
						</view>
						<!-- <view class="huitxt">
							通过微信公众号提示，不错过重要信息
						</view> -->
						<!-- 点击查看设置 -->
						<view class="huitxt">
							通过微信公众号提示，不错过重要信息
						</view>
					</view>
					
					<u-switch v-model="is_shows" :inactiveValue="0"
						:activeValue="1" inactiveColor="#888EB6" size="20" activeColor="#7BF0D9"
						@change="change"></u-switch>
				</view>
				
				<view class="qbox ">
					<view class="qline"></view>
					<view class="qtitle">
						当前订单
					</view>
					<view class="seemore" @click="!hasAuth?gologin():$go('/pages/user/currentOrder')">
						查看更多
					</view>
				</view>
				<!-- 关注公众号 -->
				<u-popup :show="show" @close="close" @open="open">
					<view class="mask">
						<view class="title">
							通过关注公众号可享受以下服务
						</view>
						<view class="mask_info">
							<view class="tit">
								·通知消息实时提醒
							</view>
							<view>
								及时接收官方通知、系统通知、聊天信息
							</view>
						</view>
						<view class="mask_info">
							<view class="tit">
								·重要信息即时提醒 
							</view>
							<view>
								第一时间掌握官方反馈、动态反馈、订单反馈
							</view>
						</view>
						<!-- 二维码 -->
						<image src="https://cdnauth.dreamyuewen.com/images/qrcode_for_gh_c2d34e132043_258 (2).jpg" ></image>
						<view class="tip">
							
						</view>
					</view>
				</u-popup>
			</view>
			
			<view v-else>
				<view class="lanbox">
					<view class="gerenli" @click="!hasAuth?gologin():$go('/pages/user/release')">
						<image :src="'/images/sa.png' | formatImgUrl" class="lanpic" mode=""></image>
						<view class="lantxt">
							我的发布
						</view>
					</view>
					<view class="gerenli" @click="!hasAuth?gologin():$go('/pages/user/order')">
						<image :src="'/images/sb.png' | formatImgUrl" class="lanpic" mode=""></image>
						<view class="lantxt">
							订单查询
						</view>
					</view>
					<view class="gerenli"  @click="!hasAuth?gologin():$go('/showcase/user/property-writer')">
						<image :src="'/images/sc.png' | formatImgUrl" class="lanpic" mode=""></image>
						<view class="lantxt">
							我的资产
						</view>
					</view>
					<view class="gerenli" @click="isWriterApply()">
						<image :src="'/images/si.png' | formatImgUrl" class="lanpic" mode=""></image>
						<view class="lantxt">
							写手认证
						</view>
					</view>
					<view class="gerenli" @click="kefu()">
						<image :src="'/images/se.png' | formatImgUrl" class="lanpic" mode=""></image>
						<view class="lantxt">
							帮助反馈
						</view>
					</view>
					
					<view class="gerenli" @click="!hasAuth?gologin():$go('/pages/user/set')">
						<image :src="'/images/sh.png' | formatImgUrl" class="lanpic" mode=""></image>
						<view class="lantxt">
							更多设置
						</view>
					</view>
				</view>
				
				
				
				<view v-if="is_showsss!=1" class="adindex isactive" :class="{isactive : userInfo.wx_openid}">
					<view class="left">
						<view class="huititle" >
							通过公众号提醒我查看重要信息
						</view>
						<!-- <view class="huitxt">
							通过微信公众号提示，不错过重要信息
						</view> -->
						<!-- 点击查看设置 -->
						<view class="huitxt" >
						通过微信公众号提示，不错过重要信息
						</view>
					</view>
					
					<u-switch  v-model="is_shows" :inactiveValue="0"
						:activeValue="1" inactiveColor="#888EB6" size="20" activeColor="#7BF0D9"
						@change="change"></u-switch>
				</view>
				
				
				<!-- 关注公众号 -->
				<u-popup :show="show" @close="close" @open="open">
					<view class="mask">
						<view class="title">
							关注公众号点击消息推送即可开启
						</view>
						<view class="mask_info">
							<view class="tit">
								·通知消息实时提醒
							</view>
							<view>
								及时接收官方通知、系统通知、聊天信息
							</view>
						</view>
						<view class="mask_info">
							<view class="tit">
								·重要信息即时提醒 
							</view>
							<view>
								第一时间掌握官方反馈、动态反馈、订单反馈
							</view>
						</view>
						<!-- 二维码 -->
						<image src="https://cdnauth.dreamyuewen.com/images/qrcode_for_gh_c2d34e132043_258 (2).jpg" show-menu-by-longpress="true"></image>
						<view class="tip">
							长按识别后关注公众号
						</view>
					</view>
				</u-popup>
				
				
				<view class="qbox ">
					<view class="qline"></view>
					<view class="qtitle">
						当前订单
					</view>
					<view class="seemore" @click="!hasAuth?gologin():$go('/pages/user/order?type=2&status=2')">
						查看更多
					</view>
				</view>
			</view>
			
			
			<!-- <view class="adindex" :class="{isactive : userInfo.writer_user_config.order_receiving_status}">
				<view class="left">
					<view class="huititle">
						加入首页推荐，开启接单功能
					</view>
					<view class="huitxt">
						立即启用功能，享受更加完整的使用体验！
					</view>
				</view>
				<u-switch v-model="userInfo.writer_user_config.order_receiving_status" :inactiveValue="0"
					:activeValue="1" inactiveColor="#888EB6" size="20" activeColor="#7BF0D9"
					@change="changeHome"></u-switch>
			</view> -->
			
			<view class="empytView" v-if="!rowList||!rowList.length">
				<image :src="'/images/kong.png' | formatImgUrl" mode="widthFix" />
				<!-- <view>- 空列表 -</view> -->
			</view>
			<view class="dzBox orli" v-for="(item,ix) in rowList" @tap="lookOrder(item)" v-if="loadEnd&&rowList && rowList.length>0">
		
					<view class="shbox">
						<image :src="item.writer.pic | formatImgUrl" class="head" mode="" @click.stop="$go('/pages/my/my?id='+item.writer.membe_id)" v-if="item.writer_uid != $db.get('userInfo').membe_id"></image>
						<image :src="item.user.pic | formatImgUrl" class="head" mode="" @click.stop="$go('/pages/my/my?id='+item.user.membe_id)" v-else></image>
						
						<view class="shou display-flex">
							{{ item.writer_uid != $db.get('userInfo').membe_id ? item.writer.username : item.user.username}}
							<block v-if="item.writer&&item.writer.writer_level&&item.writer.writer_level.level">
								<image
									:src="$options.filters.formatImgUrl(item.writer&&item.writer.writer_level&&item.writer.writer_level.is_active?item.writer&&item.writer.writer_level&&item.writer.writer_level.level.image:item.writer&&item.writer.writer_level&&item.writer.writer_level.level.hide_img)"
									@tap.stop="$go('/pages/user/grade?uid='+item.writer.membe_id)" class="jipic" mode="aspectFit" v-if="item.writer_uid != $db.get('userInfo').membe_id">
								</image>
							</block>
							<block v-if="item.user&&item.user.user_level&&item.user.user_level.level">
								<image
									:src="$options.filters.formatImgUrl(item.user&&item.user.user_level&&item.user.user_level.is_active?item.user&&item.user.user_level&&item.user.user_level.level.image:item.user&&item.user.user_level&&item.user.user_level.level.hide_img)"
									 class="jipic" mode="aspectFit">
								</image>
							</block>
							
						</view>
						<view class="tuitxt">
							<text v-if="item.ref_status_fb == 2" class="status1">已退款</text>
							<text v-else-if="item.res_status == 1" class="status1">申诉中</text>
							<text v-else-if="item.status == 4 && item.is_eval">已评价</text>
							<text v-else-if="item.status == 4 && item.is_eval == 0">待评价</text>
							<text v-else-if="item.ref_status==1 && item.is_tk == 0" class="status1">待处理</text>
							
							<text v-else-if="item.status_label=='已接单'" class="status3">进行中</text>
							<text v-else-if="item.status_label == '已支付'" class="status3">待接单</text>
							
							<text v-else class="status3">{{item.status_label}}</text>
						</view>
					</view>
				
					<view class="jjbox ">
						<image :src="'/images/jj.png' | formatImgUrl" class="kpic" mode=""></image>
						<view class="jtxt ">
							{{item.c_title}}
							
							
						</view>
					</view>
					<view class="dbox">
						<view class="dtxt display-flex">
							{{item.c_desc}}<text>| 共{{item.num}}单</text><text>| 共{{item.num || ''}}{{item.c_word_count || ''}}</text>
						</view>
						<view class="gong">
							共计支付
							<text class="active">{{item.cv_price?(Number(item.price - item.cv_price).toFixed(0)):Number(item.price).toFixed(0)}}</text>
							币
						</view>
					</view>
					
					<!-- 用户 -->
					<block v-if="item.writer_uid != $db.get('userInfo').membe_id">
						<block v-if="item.ref_status_fb == 2">
							<view class="order-tip order-tip2 display-flex just-between">
								<view class="order-tip-left display-flex">
									<image :src="'/images/ordericon01.png' | formatImgUrl" mode="aspectFit"></image>
									<text class="status-txt">全部退款</text>
									<text class="status-desc">退还 {{Number(item.price).toFixed(0)}}粮币 至账户余额</text>
								</view>
							</view>
						</block>
						<block v-else-if="item.ref_status_fb == 1">
							<view class="order-tip order-tip2 display-flex just-between">
								<view class="order-tip-left display-flex">
									<image :src="'/images/ordericon01.png' | formatImgUrl" mode="aspectFit"></image>
									<text class="status-txt">部分退款</text>
									<text class="status-desc">退还 {{Number(item.ref_money).toFixed(0)}}粮币 至账户余额</text>
								</view>
								<view class="order-tip-right"  style="font-weight: bold;color: #3D3D3D;" @tap.stop="$go('/showcase/showcase/tuiList?oid='+item.id)">
									查看关联订单
								</view>
							</view>
						</block>
						<block v-else-if="item.ref_status==1 && item.is_tk == 0">
							<view class="order-tip order-tip2 display-flex just-between">
								<view class="order-tip-left display-flex">
									<image :src="'/images/ordericon01.png' | formatImgUrl" mode="aspectFit"></image>
									<text class="status-txt">用户退款</text>
									<text class="status-desc">您已发起退款申请，等待写手处理</text>
								</view>
							</view>
						</block>
						<block v-else-if="item.res_status==1">
							<view class="order-tip order-tip2 display-flex just-between">
								<view class="order-tip-left display-flex">
									<image :src="'/images/ordericon01.png' | formatImgUrl" mode="aspectFit"></image>
									<text class="status-txt">订单申诉</text>
									<text class="status-desc">订单正在申诉中，耐心等待申诉结果吧</text>
								</view>
						
							</view>
						</block>
						<block v-else-if="item.status==1">
							<view class="order-tip order-tip1 display-flex just-between">
								<view class="order-tip-left display-flex">
									<image :src="'/images/ordericon02.png' | formatImgUrl" mode="aspectFit"></image>
									<text class="status-txt">提前沟通</text>
									<text class="status-desc">详细的描述会增加写手接单的概率</text>
								</view>
								<view class="order-tip-right" @tap.stop="toImRoom(item)">
									进行沟通
								</view>
							</view>
						</block>
						
						
						<block v-else-if="item.status==2">
							<view class="order-tip order-tip1 display-flex just-between">
								<view class="order-tip-left display-flex">
									<image :src="'/images/ordericon02.png' | formatImgUrl" mode="aspectFit"></image>
									<text class="status-txt">正在制作</text>
									<text class="status-desc">写手奋笔疾书中，请耐心等待</text>
								</view>
								<view class="order-tip-right display-flex" v-if="item.jg_time">
									<wly-countdown :day="getDateStr(item.jg_time,0)" :hour="getDateStr(item.jg_time,1)" :minute="getDateStr(item.jg_time,2)"
										:second="getDateStr(item.jg_time,3)" showType="slot">
										<template v-slot="{day, hour, minute, second}">
											<view class="display-flex" v-if="day||hour||minute||second">
												<view class="time_model" v-if="day">
													<view>
														{{day}}
													</view>
													<view>
														天
													</view>
												</view>		
												<view class="time_model">
													<view>
														{{day}}{{hour}}
													</view>
													<view>
														:
													</view>
												</view>
												<view class="time_model">
													<view>
														{{minute}}
													</view>
													<view>
														:
													</view>
												</view>
												<view class="time_model">
													<view>
														{{second}}
													</view>
												</view>
											</view>
										</template>
									</wly-countdown>
								</view>
							</view>
						</block>
						
						
						
						
						<block v-else-if="item.status==3">
							<view class="order-tip order-tip1 display-flex just-between">
								<view class="order-tip-left display-flex">
									<image :src="'/images/ordericon02.png' | formatImgUrl" mode="aspectFit"></image>
									<text class="status-txt">写手交稿</text>
									<text class="status-desc">请在倒计时完成前完成查看</text>
								</view>
								<view class="order-tip-right" v-if="item.dg_time">
									<wly-countdown :day="getDateStr(item.dg_time,0)" :hour="getDateStr(item.dg_time,1)" :minute="getDateStr(item.dg_time,2)"
										:second="getDateStr(item.dg_time,3)" showType="slot">
										<template v-slot="{day, hour, minute, second}">
											<view class="display-flex" v-if="day||hour||minute||second">
												<view class="time_model" v-if="day">
													<view>
														{{day}}
													</view>
													<view>
														天
													</view>
												</view>
												<view class="time_model">
													<view>
														{{hour}}
													</view>
													<view>
														:
													</view>
												</view>
												<view class="time_model">
													<view>
														{{minute}}
													</view>
													<view>
														:
													</view>
												</view>
												<view class="time_model">
													<view>
														{{second}}
													</view>
												</view>
											</view>
										</template>
									</wly-countdown>
								</view>
							</view>
						</block>
						
						<block v-else-if="item.writer_uid != $db.get('userInfo').membe_id && item.is_eval == 0 && item.status == 4">
							<view class="order-tip order-tip1 display-flex just-between">
								<view class="order-tip-left display-flex">
									<image :src="'/images/ordericon02.png' | formatImgUrl" mode="aspectFit"></image>
									<text class="status-txt">发布评价</text>
									<text class="status-desc">完成评价可获得剩余经验值！</text>
								</view>
								<view class="order-tip-right" @tap="$go('/pages/user/evaluate?id='+item.id)">
									立即评价
								</view>
							</view>
						</block>
						<block v-else-if="item.status == 4 && item.is_eval == 1">
							<view class="order-tip order-tip1 display-flex just-between">
								<view class="order-tip-left display-flex">
									<image :src="'/images/ordericon02.png' | formatImgUrl" mode="aspectFit"></image>
									<text class="status-txt">订单完成</text>
									<text class="status-desc" @tap.stop="$go('/pages/user/orderdetail?id='+item.id)">点击查看详情可查看完整订单信息</text>
								</view>
							</view>
						</block>
					</block>
					
					<!-- 写手 -->
					<block v-if="item.writer_uid == $db.get('userInfo').membe_id">
						<block v-if="item.ref_status_fb == 2">
							<view class="order-tip order-tip2 display-flex just-between">
								<view class="order-tip-left display-flex">
									<image :src="'/images/ordericon01.png' | formatImgUrl" mode="aspectFit"></image>
									<text class="status-txt">全部退款</text>
									<text class="status-desc">退还 {{Number(item.price).toFixed(0)}}粮币 至用户账户</text>
								</view>
							</view>
						</block>
						<block v-else-if="item.ref_status_fb == 1">
							<view class="order-tip order-tip2 display-flex just-between">
								<view class="order-tip-left display-flex">
									<image :src="'/images/ordericon01.png' | formatImgUrl" mode="aspectFit"></image>
									<text class="status-txt">部分退款</text>
									<text class="status-desc">退还 {{Number(item.ref_money).toFixed(0)}}粮币 至用户账户</text>
								</view>
								<view class="order-tip-right"  style="font-weight: bold;color: #3D3D3D;" @tap.stop="$go('/showcase/showcase/tuiList?oid='+item.id)">
									查看关联订单
								</view>
							</view>
						</block>
						<block v-else-if="item.ref_status==1&& item.is_tk == 0">
							<view class="order-tip order-tip2 display-flex just-between">
								<view class="order-tip-left display-flex">
									<image :src="'/images/ordericon01.png' | formatImgUrl" mode="aspectFit"></image>
									<text class="status-txt">用户退款</text>
									<text class="status-desc">用户发起退款申请，请尽快处理</text>
								</view>
							</view>
						</block>
						<block v-else-if="item.res_status==1">
							<view class="order-tip order-tip2 display-flex just-between">
								<view class="order-tip-left display-flex">
									<image :src="'/images/ordericon01.png' | formatImgUrl" mode="aspectFit"></image>
									<text class="status-txt">订单申诉</text>
									<text class="status-desc">订单正在申诉中，耐心等待申诉结果吧</text>
								</view>
						
							</view>
						</block>
						<block v-else-if="item.status==1">
							<view class="order-tip order-tip1 display-flex just-between">
								<view class="order-tip-left display-flex">
									<image :src="'/images/ordericon02.png' | formatImgUrl" mode="aspectFit"></image>
									<text class="status-txt">提前沟通</text>
									<text class="status-desc">请积极与用户沟通制作需求后接单</text>
								</view>
								<view class="order-tip-right" @tap.stop="toImRoom(item)">
									进行沟通
								</view>
							</view>
						</block>
						
						
						<block v-else-if="item.status==2">
							<view class="order-tip order-tip1 display-flex just-between">
								<view class="order-tip-left display-flex">
									<image :src="'/images/ordericon02.png' | formatImgUrl" mode="aspectFit"></image>
									<text class="status-txt">正在制作</text>
									<text class="status-desc">请在约定时间内完成稿件上传</text>
								</view>
								<view class="order-tip-right" v-if="item.jg_time">
									<wly-countdown :day="getDateStr(item.jg_time,0)" :hour="getDateStr(item.jg_time,1)" :minute="getDateStr(item.jg_time,2)"
										:second="getDateStr(item.jg_time,3)" showType="slot">
										<template v-slot="{day, hour, minute, second}">
											<view class="display-flex" v-if="day||hour||minute||second">
												<view class="time_model" v-if="day">
													<view>
														{{day}}
													</view>
													<view>
														天
													</view>
												</view>		
												<view class="time_model">
													<view>
														{{hour}}
													</view>
													<view>
														:
													</view>
												</view>
												<view class="time_model">
													<view>
														{{minute}}
													</view>
													<view>
														:
													</view>
												</view>
												<view class="time_model">
													<view>
														{{second}}
													</view>
												</view>
											</view>
										</template>
									</wly-countdown>
								</view>
							</view>
						</block>
						
						
						
						<block v-else-if="item.status==3">
							<view class="order-tip order-tip1 display-flex just-between">
								<view class="order-tip-left display-flex">
									<image :src="'/images/ordericon02.png' | formatImgUrl" mode="aspectFit"></image>
									<text class="status-txt">写手交稿</text>
									<text class="status-desc">已通知用户在规定时间内完成查收</text>
								</view>
								<view class="order-tip-right" v-if="item.dg_time">
									<wly-countdown :day="getDateStr(item.dg_time,0)" :hour="getDateStr(item.dg_time,1)" :minute="getDateStr(item.dg_time,2)"
										:second="getDateStr(item.dg_time,3)" showType="slot">
										<template v-slot="{day, hour, minute, second}">
											<view class="display-flex" v-if="day||hour||minute||second">
												<view class="time_model" v-if="day">
													<view>
														{{day}}
													</view>
													<view>
														天
													</view>
												</view>
												<view class="time_model">
													<view>
														{{hour}}
													</view>
													<view>
														:
													</view>
												</view>
												<view class="time_model">
													<view>
														{{minute}}
													</view>
													<view>
														:
													</view>
												</view>
												<view class="time_model">
													<view>
														{{second}}
													</view>
												</view>
											</view>
										</template>
									</wly-countdown>
								</view>
							</view>
						</block>
						
						<block v-else-if="item.status == 4 && item.is_eval == 1">
							<view class="order-tip order-tip1 display-flex just-between">
								<view class="order-tip-left display-flex">
									<image :src="'/images/ordericon02.png' | formatImgUrl" mode="aspectFit"></image>
									<text class="status-txt">发布评价</text>
									<text class="status-desc">已收到来自用户的订单评价</text>
								</view>
								<view class="order-tip-right"  @tap="$go('/showcase/showcase/evaluateinfo?id='+item.id)">
									立即查看
								</view>
							</view>
						</block>
						<block v-else-if="item.status == 4">
							<view class="order-tip order-tip1 display-flex just-between">
								<view class="order-tip-left display-flex">
									<image :src="'/images/ordericon02.png' | formatImgUrl" mode="aspectFit"></image>
									<text class="status-txt">订单完成</text>
									<text class="status-desc"  @tap.stop="$go('/pages/user/orderdetail?id='+item.id)">点击查看详情可查看完整订单信息</text>
								</view>
							</view>
						</block>
					</block>
				
					<view class="buttons display-flex">
						<block v-if="item.ref_status_fb != 2 && item.is_acceptance == 0">
						<block v-if="item.status==1 ">
							<view class="button-item button1" @tap.stop="currentItem=item,showPop=true">
								{{item.writer_uid == $db.get('userInfo').membe_id ? '拒绝接单' : '取消订单'}} 
							</view>
				
						</block>
				
						<block v-if="(item.status==2 || item.status==3) && item.writer_uid != $db.get('userInfo').membe_id">
							<view class="button-item button1" @tap.stop="$go('/showcase/showcase/reback?oid='+item.id + '&amount=' + item.price + '&orderNum=' + (item.num-item.ref_num))" v-if="item.ref_status == 0">
								申请退款
							</view>
							<view class="button-item button1" @tap.stop="currentItem=item,show1=true">
								完成订单
							</view>
						</block>
						
						<block v-if="item.ref_status==1 && item.is_tk == 0 && item.writer_uid != $db.get('userInfo').membe_id">
							<view class="button-item button1" @tap.stop="currentItem=item,closeRefund()">
								取消退款
							</view>		
						</block>
						<block v-if="item.res_status==0 && item.status!=4 && item.status!=5 && item.status!=1">
							<view class="button-item button1" @tap.stop="$go('/pages/find/reportEva?id='+item.id+'&newtype=6')" v-if="item.res_status == 0">
								申诉订单
							</view>
						</block>
						</block>
						<!-- <block v-if="item.ref_status == 1">
							<view class="button-item button1">
								删除记录
							</view>
						</block> -->
						<view class="button-item button2" @tap.stop="lookOrder(item)">
							查看详情
						</view>
					</view>
				
			</view>
		</block>
		<!-- <tabbar activeIdx='4'></tabbar> -->
		
		<u-popup mode="center" :show="show1">
			<view class="mask-finish">
				
				<view class="matitle">
					是否确定完成订单
				</view>
				<view class="matxt">
					完成后钱款将进入对方账户
				</view>
				<view class="quque">
					<view class="quli" @click="show1=false">
						取消
					</view>
					<view class="quli quactive" @click="goToroom">
						确定
					</view>
				</view>
			</view>
		</u-popup>
		
		<!-- 取消订单 -->
		<u-popup mode="center" :show="showPop">
			<view class="mask-finish">
				<view class="matitle">
					<text v-if="currentItem.writer_uid == $db.get('userInfo').membe_id">确定拒绝订单吗？</text>
					<text v-else >是否确定取消该订单</text>
				</view>
				<view class="matxt">
					此操作不可更改
				</view>
				<view class="quque">
					<view class="quli" @click="showPop = false">
						取消
					</view>
					<view class="quli quactive" @click="goToindex(currentItem)">
						确定
					</view>
				</view>
			</view>
		</u-popup>
		
		
		<view class="mark_msg_bak" v-if="show_msg">
			<view class="mask_msg">
			
					<view class="deal-box">
						<view class="tit">
							隐私政策概要
						</view>
						<view class="conts">
					
							<p >dream约文（以下称“我们”）深知个人信息对您的重要性，并会全力保护您的个人信息安全。本概要旨在以简洁、清晰、易懂的方式向您介绍我们的隐私政策。如您需要了解更多内容，可点击查阅完整版
							<span @tap="yszc">《dream约文隐私政策》</span>
							。</p>
							<p >
								为了实现部分业务功能，需要开启您的设备权限：
								相册权限：用于您使用评论、分享、发帖、分享视频和图片等功能。
								相机权限：用于为您提供扫描二维码、拍摄照片、拍摄视频（包括直播）等相关功能。
								麦克风权限：用于您使用语音信息、语音交互、录制视频以及直播服务等相关功能。
								位置权限：用于您开启设备定位功能并同时在发布动态等相关功能。
								手机权限：用于识别您的手机设备、登录等功能。
								存储权限：用于存储您的个人信息、头像、发布内容、图片、视频、意见反馈等功能。
								通知权限：用于给您提供及时的订单信息、活动通知、公告等消息推送功能。
							</p>
							<p>
								我们会收集您的关注、浏览、搜索记录等信息，用于在首页、发现页等信息流界面进行个性化内容推荐。
								我们会收集您的剪切板内容，用于功能相关的必要信息。（如口令）
							</p>
								
						   <p >
							同时会根据平台内写手、橱窗、动态为您推荐相关的优质内容。
							如您需要关闭个性化推荐，您可以随时在【我的】-【隐私设置】-【内容定向推荐】关闭该功能。
							在消息推送时，为了保证消息推送的稳定性，我们会通过系统消息在应用进程被清理时尝试自启动。
						   </p>
							<p >
								我们会通过弹窗向您申请获得授权，您可以随时通过dream约文的功能页面或设备系统设置关闭这些权限。
								除法律另有规定，您有权拒绝我们收集和使用您的个人信息。但请理解，如您拒绝我们收集和使用业务功能所必需的个人信息，则可能无法使用对应的业务功能。
							</p>
							<p >
								 dream约文始终坚持打造满足您的一切文字需求的平台，诚挚地希望您获得良好的约文体验，感谢您的理解与支持。
							</p>       
							 
						</view>
						
					</view>
			
			<view class="contact display-flex" style="margin-top:20rpx;" @tap="makeCallQr">
				同意并继续
			</view>
			<view class="contact display-flex nonono" @tap="makeCall">
				暂不同意
			</view>
			
				<!-- 	<image :src="'/images/close.png' | formatImgUrl" @click="showTip2 = false" class="closepic" mode="">
					</image> -->
				
			</view>
		</view>
		
		
		<u-popup mode="bottom" :show="showLogin" @close="showLogin=false">
			<view class="pop-login display-flex">
				<view class="pop-close"  @tap.stop="showLogin=false">
					<image :src="'/images/pop-close.png' | formatImgUrl" class="" mode=""></image>
				</view>
				
				
				<view class="pop-title">
					登录发现遇到灵感
				</view>
				<image :src="'/images/pop-logo.png' | formatImgUrl" class="pop-logo" mode=""></image>
				<view class="pop-btn" @click="showLogin=false,$goLogin('/pages/login/phone')">
					手机号码登录
				</view>
				<view class="pop-btn" @click="showLogin=false,$goLogin('/pages/login/account')">
					账号密码登录
				</view>
				<view class="xiebox" @click="isRead =( isRead == 2?0:2)" :class="isRead == 1 ? 'shake-horizontal' : ''">
					<label>
						<u-checkbox shape="circle" size="14" :checked="isRead" activeColor="#45C4B0" inactiveColor="#999" @change="changeBox"></u-checkbox>
					</label>
					<view class="xietxt">
						我已阅读并同意：<text @click.stop="goToxie">《服务协议》</text>和<text @click.stop="goToOtherxie(14)">《隐私政策》</text>
					</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>
<script>
	import * as db from '@/common/db.js'
	import {
	  TUIConversationService,
	} from "@tencentcloud/chat-uikit-engine";
	export default {
		data() {
			return {
				//是否同意隐私政策
				show_msg:false,
				// 个人/写手
				personal: false,
				// 开关
				value: false,
				xuan: false,
				// userInfo: this.$db.get('userInfo'),
				userInfo: {},
				page: 1,
				list: [],
				show: false,
				rowList: [],
				is_shows:0,
				is_showsss:0,
				show1: false,
				currentItem: {},
				loadEnd: false,
				showPop: false,
				noNetwork: false,
				hasAuth: false,
				totalPage: false,
				isClick: true,
				isScroll: false,
				info: {},
				isRead: false,
				showLogin: false
			}
		},
		onShow() {
			if(!this.$db.get('config') || this.$db.get('config') ==null || this.$db.get('config') == undefined){
				console.log("config")
				this.getConfig();
			}
			
			this.hasAuth = db.get('auth')
			console.log(db.get('auth'));
			if(db.get('auth')){
				this.totalPage = false
				
				this.getUserInfo()
				this.getOrderList()
			}else{
				uni.setStorageSync('loginState','')
				this.userInfo = {}
				this.rowList = []
				this.totalPage = false
			}
			
			// this.page = 1;
			// this.rowList = [];
			// this.list = [];
			
			this.getNetworkType()
		},
		onPullDownRefresh() {
			setTimeout(function() {
					uni.stopPullDownRefresh(); //停止当前页面下拉刷新	
			}, 800);
				console.log('refresh');
				
				if(db.get('auth')){
					this.page = 1;
					this.rowList = [];
					this.list = [];
					this.getUserInfo()
					this.getOrderList()
				}
				
		},
		onLoad() {
			
		},
		// 上拉加载
		onReachBottom() {
			if (this.list.current_page < this.list.last_page) {
				this.page++; // 页数加一，加载下一页数据
				this.getOrderList();
			}
		},
		onPageScroll(e) {
			if(e.scrollTop > 100){
				this.isScroll = true
			}else{
				this.isScroll = false
			}
		},
		// onTabItemTap(e){
		// 	console.log(e,111);
			
		// 	if(!db.get('auth')){
		// 		this.showLogin = true
		// 	}
		// },
		methods: {
			changeBox(e){
				this.isRead = e ? 2 : 0
			},
			makeCallQr(){
				this.show_msg = false
				uni.setStorageSync("is_looks",1)
				
				uni.reLaunch({
					url: '/pages/login/login'
				})
				
			},
			makeCall(){
				this.show_msg = false
				
				// this.show_msg_tow = true;
				// console.log(uni.getSystemInfoSync().platform,7777777)
				// if (uni.getSystemInfoSync().platform === 'ios') { 
				// 	plus.runtime.launchApplication({ action: 'QUIT' }); 
				// }else{
				// 	plus.runtime.quit();
				// }
			},
			lookOrder(item) {
			
				var url = ''
				if (this.$db.get('userInfo').membe_id == item.uid) {
					url = '/pages/user/orderdetail?id=' + item.id
				}
				if (this.$db.get('userInfo').membe_id == item.writer_uid) {
					url = '/pages/my/connect?id=' + item.id
				}
			
				uni.navigateTo({
					url: url
				})
			},
			getNetworkType() {
			   	uni.getNetworkType({
			   		success:(res) =>{
						if(res.networkType == "none"){
							this.noNetwork = true
							this.$common.errorToShow('您当前处于离线状态')
						}
			   		},
					fail: (err) => {
						console.log(err,111);
					}
			   	});
			},
			// 取消订单
			closeOrder() {
				this.showPop = false
				// console.log('close');
			},
			goToindex(item) {
				this.$api.default.request('order/closeOrder', {
					id: item.id
				}).then((res) => {
					if (res.code) {
						this.$common.successToShow(res.msg, () => {
							this.showPop = false
							this.page = 1;
							this.rowList = [];
							this.list = [];
							this.getOrderList()
						})
					} else {
						this.$common.errorToShow(res.msg)
					}
				})
			},
			// 立即沟通
			toImRoom(item) {
			// 	if (this.$db.get('userInfo').membe_id == item.writer_uid) {
			// 		console.log(111111111111111)
			// 		this.$store.commit('createConversationActive', item.uid)
			// 		var url = '/pages/tim/room?userType=1&showbox=1&uid=' + item.writer_uid
			// 	} else {
			// 		console.log(22222222222)
			// 		this.$store.commit('createConversationActive', item.writer_uid)
			// 		var url = '/pages/tim/room?userType=1&showbox=1&uid=' + item.uid
			// 	}
			
			// 	uni.navigateTo({
			// 		url: url
			// 	})
			
			let userProfile = {}
			if (this.$db.get('userInfo').membe_id == item.writer_uid) {
				userProfile = item.user
			}else{
				userProfile = item.writer
			}
			
			if(!this.isClick){
				return
			}
			this.isClick = false
			uni.request({
			    url: 'https://api.dreamyuewen.com/api/user/userInfo', 
			    data: {
			       uid: userProfile.membe_id,
			    },
			    header: {
			        token: db.get('auth')
			    },
			    success: (res) => {
			        uni.setStorageSync("userItem",res.data.user);
					
					uni.request({
					    url: 'https://api.dreamyuewen.com/api/user/userPageList', 
					    data: {
					       uid: userProfile.membe_id,
						   page: 1,
						   type: 1
					    },
					    header: {
					        token: db.get('auth')
					    },
					    success: (ress) => {
					        uni.setStorageSync("userPageList",ress.data.data.data);
							
							uni.request({
							    url: 'https://api.dreamyuewen.com/api/order/getTimOrderList', 
							    data: {
							       uid: userProfile.membe_id,
							    },
							    header: {
							        token: db.get('auth')
							    },
							    success: (resss) => {
									setTimeout(()=> {
										this.isClick = true
									}, 2000);
							        uni.setStorageSync("orderList",resss.data.data);
									
									TUIConversationService.switchConversation('C2C'+userProfile.membe_id);
									uni.navigateTo({
										url: '/TUIKit/components/TUIChat/index'
									})
							    }
							});
					    }
					});
			    },
			})
			
			
				
				
				
				
				
			// emits("handleSwitchConversation", item.conversationID);
			
			},
			// 取消退款
			closeRefund(){
				this.$api.default.request('order/qxRefOrder', {
					oid: this.currentItem.id
				}, 'POST', false).then((res) => {
					if (res.code) {
						this.$common.successToShow(res.msg, () => {
							this.page = 1
							this.getOrderList();
						})
					}
				})
			},
			// 完成订单
			goToroom() {
				this.$api.default.request('order/userConfirmOrder', {
					id: this.currentItem.id
				}, 'POST', false).then((res) => {
					if (res.code) {
						this.$common.successToShow(res.msg, () => {
							this.show1=false
							this.page = 1
							this.getOrderList();
						})
					}
				})
			},
			
			kefu(){
				this.$go('/showcase/user/kefuType')
				
				// 小程序 客服
				// wx.openCustomerServiceChat({
				//   extInfo: {url: 'https://work.weixin.qq.com/kfid/kfcf6e13cdfaad774ff'},
				//   corpId: 'wwff81ee3e67679806',
				//   success(res) {},
				//   fail(err){
				// 	  console.log('err',err)
				//   }
				// })
			},
			close(){
				this.is_shows = false
				this.show=false
			},
			open(){
				
			},
			getConfig() {
				this.$api.default.request('Common/getConfig',{},'POST',false).then((res) => {
					if (res.code) {
						this.$db.set('config', res.data)
						
					}
				})
			},
			gologin(){
				if(uni.getStorageSync("is_looks")){
					if(uni.getStorageSync("is_looks") == 1){
						
					}else{
						this.show_msg = true
						return
					}
				}else{
					this.show_msg = true
					return;
				}
				
				
				uni.navigateTo({
					url: '/pages/login/login'
				})
			},
			no_go(){
				
				//$go('/task/list/user_orderlist')"
				let auth = db.get('auth');
				if (!auth) {
					// toLogin()
					uni.navigateTo({
						url: '/pages/login/login'
					})
					return;
				}
				
				// this.$common.errorToShow('暂未开放')
				// return;
				// this.$go('/task/list/user_orderlist');
				uni.navigateTo({
					url: '/task/list/user_orderlist'
				})
				
			},
			// 获取进行中的订单
			getOrderList() {
				
				this.$api.default.request('order/orderList1', {
					status: '',
					type: 0,
					page: this.page,
					like: '',
					is_ing: 1
				}, 'POST', false).then((res) => {
					if (res.code == 1) {
						this.list = res.data
						if (res.data.current_page > 1) {
							res.data.data.forEach((item) => {
								this.rowList.push(item)
							})
						} else {
							this.rowList = res.data.data
						}
						
						this.loadEnd = true
						this.totalPage = false
					}
				})
			},
			getDateStr(mss, type) {
				var days = parseInt(mss / 86400);
				var hours = parseInt((mss - (days * 86400)) / 3600);
				var minutes = parseInt((mss - (days * 86400) - (hours * 3600)) / 60);
				var seconds = mss - (days * 86400) - (hours * 3600) - (minutes * 60)
			
				if (type == 0) {
					return days;
				}
				if (type == 1) {
					return hours;
				}
				if (type == 2) {
					return minutes;
				}
				if (type == 3) {
					return seconds;
				}
			
			},
			saveWriterUserConfig() {
				let auth = db.get('auth');
				console.log(auth,777777777)
				//用户存在，不跳转，不存在直接跳转
				if (!auth) {
					// toLogin()
					uni.navigateTo({
						url: '/pages/login/login'
					})
					return;
				}
				
				var that = this
				var prams = {
					order_receiving_status: this.userInfo.writer_user_config.order_receiving_status
				}
				if (!this.userInfo.writer_user_config.hasOwnProperty('uid')) {
					prams['uid'] = this.userInfo.writer_user_config.uid
				}
				
				if (!this.userInfo.writer_user_config.word_price) {
					this.$common.errorToShow('未设置价格',()=>{
						this.userInfo.writer_user_config.order_receiving_status = 0
					},1000)
					return
				}
				// if (Array.isArray(this.userInfo.writer_diy_tags) && this.userInfo.writer_diy_tags.length === 0) {
				// 	this.$common.errorToShow('未设置标签')
				// 	return
				// }

				this.$api.default.request('good/list', {
					page: 1
				}).then((res) => {
					if (res.code) {
						if (res.data.total) {
							that.$api.default.request('user/saveWriterUserConfig', prams, 'POST', false).then((
								res) => {
									if (res.code == 1) {
										console.log(res.msg)
									} else {
										that.$common.errorToShow(res.msg, () => {
											that.userInfo.writer_user_config.order_receiving_status = 0
										})
									}
								})
						} else {
							that.$common.errorToShow('请先上传橱窗商品', () => {
								that.userInfo.writer_user_config.order_receiving_status = 0
							})

						}
					}
				})
			},
			isWriterApply() {
				
				let auth = db.get('auth');
				
				//用户存在，不跳转，不存在直接跳转
				if (!auth) {
					this.gologin();
					return;
					// toLogin()
					uni.navigateTo({
						url: '/pages/login/login'
					})
					return;
				}
				
				// this.$go('/showcase/user/regulations?writer_apply='+this.userInfo.writer_apply)
			
				if (this.userInfo.writer_apply) {
					this.$go('/pages/user/examine')
				} else {
					this.$go('/pages/user/attestation')
				}

			},
			getUserInfo() {
				let that = this
				this.$api.default.request('user/userInfo', {}, 'POST', false).then((res) => {
				
					
					if (res.code) {
						uni.setStorageSync('loginState',res.user.membe_id)
						
						that.$db.set('userInfo',res.user)
						that.userInfo = res.user
						//userInfo.wx_openid
						if(res.user.wx_openid){
							that.is_shows = 1
							that.is_showsss = 1;
						}
						// this.$db.set('userInfo',res.user)
						
						if(!res.user.membe_id || res.user == null){
							uni.reLaunch({
								url: '/pages/login/login'
							})
							return;
						}
						
						if (res.user.writer_user_config.hasOwnProperty('order_receiving_status')) {
							that.xuan = that.userInfo.writer_user_config.order_receiving_status
						}
					} else {
						that.$common.errorToShow(res.msg)
					}
				})
				
				this.$api.default.request('user/get_comlist_dea', {
					id: this.userInfo.uid
				}, 'POST', false).then((res) => {
					if (res.code) {
						this.info = res.data
					}
				})
			},
			onChooseAvatar(e) {
				let auth = db.get('auth');
				console.log(auth,777777777)
				//用户存在，不跳转，不存在直接跳转
				if (!auth) {
					// toLogin()
					uni.navigateTo({
						url: '/pages/login/login'
					})
					return;
				}
				
				
				this.$common.uploadImg(e.detail.avatarUrl, (data) => {
					if (data) {
						this.saveUser({
							'pic': data
						})
					}
				})
			},
			bindNick(e) {
				let auth = db.get('auth');
				console.log(auth,777777777)
				//用户存在，不跳转，不存在直接跳转
				if (!auth) {
					// toLogin()
					uni.navigateTo({
						url: '/pages/login/login'
					})
					return;
				}
				
				if (e.detail.value != this.userInfo.username) {
					this.userInfo.username = e.detail.value ? e.detail.value : '默认昵称'
					this.saveUser({
						'username': this.userInfo.username
					})
				}
			},
			// onChooseNick(e){
			// 	console.log(e)
			// 	if(e.detail.pass){
			// 		this.saveUser({'username':this.userInfo.username})
			// 	}
			// },
			saveUser(data) {
				let auth = db.get('auth');
				console.log(auth,777777777)
				//用户存在，不跳转，不存在直接跳转
				if (!auth) {
					// toLogin()
					uni.navigateTo({
						url: '/pages/login/login'
					})
					return;
				}
				
				this.$api.default.request('user/saveUser', data).then((res) => {
					if (res.code == 1) {
						this.userInfo = res.user
						this.$common.successToShow(res.msg)
					} else {
						this.$common.errorToShow(res.msg)
					}
				})
			},
			changeHome(e) {
				
				this.xuan = !this.xuan
				this.saveWriterUserConfig()
				
			},
			change(e) {
				console.log(e,11);
			
				let auth = db.get('auth');
				//用户存在，不跳转，不存在直接跳转
				if (!auth) {
					
					this.gologin();
					return;
					// toLogin()
					uni.navigateTo({
						url: '/pages/login/login'
					})
					return;
				}
				
				this.$common.errorToShow('请绑定微信号以保证该功能可以正常使用')
				this.show=true
				
				// this.xuan = !this.xuan
				// this.saveWriterUserConfig()
			},
		}
	}
</script>

<style lang="scss">
	
	
	.mark_msg_bak{
		background: rgba(0,0,0,0.8);
		width: 100%;
		height: 100%;
		position: fixed;
		top:0px;
		left:0px;
		z-index:999999;
		margin: 0 auto;
	}
	.mask_msg{
		z-index:9999999;
		width: 534rpx;
		margin: 0 auto;
		margin-top: 50%;	
		height: 600rpx;
		border-radius: 0.3em;
		background: #fff !important;
		.deal-box {
			padding-top: 30rpx;
			width: 87%;
			// margin-left: 5%;
			padding-left: 7%;
			padding-right: 5%;
			border-radius: 0.3em;
			background-color: #fff;
			height:340rpx;
			font-size: 24rpx;
		}
	
		.tit {
			text-align: center;
			font-family: '思源黑体';
			font-size: 30rpx;
			font-weight: bold;
			color: #3D3D3D;
			padding-bottom: 10rpx;
		}
	
		.sub-tit {
			margin-top: 4px;
			margin-bottom: 12px;
			font-family: '思源黑体';
			font-size: 12px;
			color: #ED3232;
		}
		textarea{
			font-size: 22rpx;
			width: 100%;
			color: #000;
			margin-top: 10rpx;
			margin-bottom: 30rpx;
		}
		
		
		.conts{
			height: 300rpx;
			overflow:scroll;
			font-size: 22rpx;
			width: 100%;
			color: #000;
			margin-top: 10rpx;
			margin-bottom: 30rpx;
			p{
				text-indent: 2em;
				margin-top: 15rpx;
				span{
					color:#45c4b0
				}
			}
		}
		.scroll {
			font-family: 'Source Han Sans';
			font-size: 10px;
			color: #3D3D3D;
	
			view {
				font-size: 12px;
				font-weight: bold;
				margin-bottom: 10px;
			}
		
		}
	
		.border {
			width: 100%;
			height: 1px;
			background: rgba(153, 153, 153, 0.1);
			margin: 20px 0;
		}
	
		.contact {
			width: 227px;
			height: 33px;
			border-radius: 8px;
			background: #45C4B0;
			justify-content: center;
			font-family: 'Source Han Sans';
			font-size: 14px;
			font-weight: bold;
			color: #FFFFFF;
			margin: 0 auto;
			margin-top: 40rpx !important;
		}
		
		.nonono{
			background: #fff;
			color: #999999;
			font-weight: 500;
			margin-top: 10rpx;
			height: 13px !important;
		}
	
		.closepic {
			display: block;
			margin: 0 auto;
			margin-top: 22px;
			width: 20px;
			height: 20px;
	
		}
	}
		
	
	.whitepage{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		z-index: 99;
		background-color: #fff;
	}
	
	page {
		background: rgba(242, 245, 242, 1);
	}
	.jipic {
		width: 41px;
		height:19px;
		margin-right: 8rpx;
		margin-left: 4px;
	}
	
	.biepic {
		width: 41px;
		height:19px;
		margin-left: 4px;
	}

	.content {
		position: relative;
		padding: 40rpx 30rpx;

		.bei {
			width: 100%;
			height: 1626rpx;
			position: absolute;
			left: 0;
			top: 0;
			z-index: -1;
		}

		.top {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding-bottom: 20rpx;

			.head {
				width: 100rpx;
				height: 100rpx;
				border-radius: 50%;
			}

			.tocen {
				display: flex;
				flex-direction: column;
				padding: 0 12rpx;
				margin-right: auto;
				.tocen_bottom{
					font-size: 20rpx;
					font-weight: normal;
					color: #999999;
				}
				.nick {
					font-size: 28rpx;
					font-weight: bold;
					letter-spacing: 0em;
					color: #3D3D3D;
					padding-bottom: 4rpx;
				}

				.jibox {
					display: flex;
					align-items: center;

					
				}
			}

			.zhu {
				width: 110rpx;
				height: 48rpx;
				border-radius: 18px;
				opacity: 1;
				background: #FFFFFF;
				flex-shrink: 0;
				display: flex;
				align-items: center;
				justify-content: flex-end;

				.zhutxt {
					font-size: 24rpx;
					letter-spacing: 0.08em;
					color: #3D3D3D;
				}

				.rar {
					margin-right: 8rpx;
					margin-left: -4rpx;
					width: 32rpx;
					height: 32rpx;
				}
			}
		}
		
		.float-num{
			position: absolute;
			left: 50%;
			top: -6px;
			padding: 1px 4px;
			height: 12px;
			line-height: 12px;
			border-radius: 82px;
			background: #45C4B0;
			font-size: 8px;
			font-weight: bold;
			color:#fff;
		}

		.shubox {
			display: flex;
			align-items: center;
			justify-content: center;
			padding-bottom: 20rpx;

			.shuli {
				width: 33%;
				text-align: center;

				.shutitle {
					font-size: 28rpx;
					line-height: 40rpx;
					color: #3D3D3D;
					position: relative;
					font-weight: bold;
				}

				.shutxt {
					font-size: 20rpx;
					line-height: 28rpx;
					color: #999999;
				}
			}

			.line {
				width: 1px;
				background-color: #D8D8D8;
				height: 40rpx;
			}
		}

		.huibox {
			height: 120rpx;
			border-radius: 4px;
			background: linear-gradient(282deg, #45C4B0 -4%, #56E8B5 126%);
			margin-bottom: 20rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;

			.left {
				flex-grow: 1;
				padding: 0 20rpx;

				.huititle {
					font-size: 28rpx;
					font-weight: bold;
					letter-spacing: 0em;
					color: #FFFFFF;
					text-shadow: 0px 8px 20px 0px #2EC28F;
					padding-bottom: 12rpx;
				}

				.huitxt {
					font-size: 20rpx;
					color: #FFFFFF;
					text-shadow: 0px 8px 20px 0px #2EC28F;
				}
			}

			.see {
				width: 124rpx;
				height: 40rpx;
				border-radius: 94px;
				opacity: 1;
				background: #FFFFFF;
				text-align: center;
				line-height: 40rpx;
				font-size: 20rpx;
				font-weight: bold;
				letter-spacing: 0.08em;
				color: #45C4B0;
				margin-right: 20rpx;
				flex-shrink: 0;
			}
		}

		.lanbox {
			background-color: #FFFFFF;
			border-radius: 10px;
			padding-top: 28rpx;
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			margin-bottom: 20rpx;

			.lanli {
				text-align: center;
				width: 33.3%;
				padding-bottom: 40rpx;

				.lanpic {
					width: 88rpx;
					height: 84rpx;
					// border: 1px dashed #999;
					margin: 0 auto 0 -10rpx;
				}

				.lantxt {
					padding-top: 15rpx;
					font-size: 24rpx;
					letter-spacing: 0.08em;
					color: #999999;
				}
			}

			.gerenli {
				text-align: center;
				width: 33.33%;
				padding-bottom: 40rpx;

				.lanpic {
					width: 88rpx;
					height: 84rpx;
					margin: 0 auto;
				}

				.lantxt {
					padding-top: 15rpx;
					font-size: 24rpx;
					letter-spacing: 0.08em;
					color: #999999;
				}
			}
		}

		.adindex {
			padding: 0 36rpx 0 20rpx;
			height: 120rpx;
			border-radius: 4px;
			// background: linear-gradient(180deg, #BABDCC 0%, #A9ABC3 100%);
			background: #fff;
			margin-bottom: 42rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;

			.left {
				padding: 0 20rpx 0 0;

				.huititle {
					font-size: 28rpx;
					font-weight: bold;
					letter-spacing: 0em;
					color: #3D3D3D;
					text-shadow: 0px 8px 20px 0px #2EC28F;
					padding-bottom: 12rpx;
				}

				.huitxt {
					font-size: 20rpx;
					color: #999999;
					text-shadow: 0px 8px 20px 0px #2EC28F;
				}
			}
		}

		.isactive {
			// background: linear-gradient(282deg, #45C4B0 -4%, #56E8B5 126%);
		}

		.qbox {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding-bottom: 24rpx;

			.qline {
				width: 4rpx;
				height: 28rpx;
				border-radius: 42px;
				opacity: 1;
				background: #45C4B0;
				flex-shrink: 0;
			}

			.qtitle {
				padding: 0 12rpx;
				flex-grow: 1;
				font-size: 28rpx;
				font-weight: bold;
				letter-spacing: 0em;
				color: #3D3D3D;
			}

			.seemore {
				font-size: 28rpx;
				font-weight: normal;
				text-align: center;
				letter-spacing: 0em;
				color: #999999;
			}
		}

		.dzBox {
			background-color: #FFFFFF;
			padding: 28rpx 30rpx 20rpx;
			border-radius: 16rpx;
			margin-bottom: 20rpx;

			.dztop {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding-bottom: 20rpx;
				border-bottom: 1px solid rgba(153, 153, 153, 0.1);

				.dzpic {
					width: 32rpx;
					height: 32rpx;
					flex-shrink: 0;
				}

				.dztxt {
					font-size: 28rpx;
					font-weight: bold;
					letter-spacing: 0em;
					color: #3D3D3D;
					flex-grow: 1;
					padding: 0 12rpx;
				}

				.jintxt {
					font-size: 20rpx;
					font-weight: bold;
					text-align: right;
					letter-spacing: 0em;
					color: #45C4B0;
				}
			}

			.uobox {
				padding-top: 20rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;

				.uopic {
					width: 40rpx;
					height: 40rpx;
					border-radius: 50%;
					flex-shrink: 0;
				}

				.uotxt {
					padding: 0 8rpx;
					flex-grow: 1;
					font-size: 24rpx;
					font-weight: normal;
					letter-spacing: 0em;
					color: #999999;
				}

				.goup {
					width: 102rpx;
					height: 40rpx;
					border-radius: 94px;
					background: #45C4B0;
					text-align: center;
					line-height: 40rpx;
					font-size: 20rpx;
					font-weight: bold;
					letter-spacing: 0.08em;
					color: #FFFFFF;
				}
			}
		}
		.mask{
			height: 720rpx;
			width: 100%;
			background: #fff;
			border-top-left-radius: 20rpx;
			border-top-right-radius: 20rpx;
			image{
				width: 306rpx;
				height: 306rpx;
				box-sizing: border-box;
				padding: 15rpx;
				margin: 0 auto;
				display: block;
			}
			.tip {
				font-size: 24rpx;
				text-align: center;
				color: #3D3D3D;
				margin-top: 20rpx;
			}
			.title{
				font-size: 40rpx;
				font-weight: bold;
				color: #3D3D3D;
				position: relative;
				margin-left: 60rpx;
				margin-top: 40rpx;
				margin-bottom: 20rpx;
				&::before{
					 content: '';
					 width: 6rpx;
					 height: 40rpx;
					 border-radius: 96rpx;
					 background: #45C4B0;
					 position: absolute;
					 left: -14rpx;
					 top: 6rpx;
				}
			}
			.mask_info{
				font-size: 20rpx;
				font-weight: normal;
				color: #999999;
				margin-bottom: 40rpx;
				padding: 0 30rpx;
				text-indent:10rpx;
				.tit{
					font-size: 24rpx;
					margin-bottom: 8rpx;
					text-indent:0
				}
			}
		}
	}
	
	.orli {
		padding: 20rpx 20rpx 16rpx;
		border-radius: 8px;
		opacity: 1;
		background: #FFFFFF;
		margin-bottom: 20rpx;
	
		.shbox {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding-bottom: 26rpx;
	
			.head {
				width: 40rpx;
				height: 40rpx;
				border-radius: 50%;
				flex-shrink: 0;
			}
	
			.shou {
				flex-grow: 1;
				padding: 0 12rpx;
				font-size: 24rpx;
				font-weight: normal;
				letter-spacing: 0em;
				color: #3D3D3D;
			}
	
			.taitxt {
				font-size: 20rpx;
				font-weight: bold;
				letter-spacing: 0em;
				color: #3D3D3D;
				flex-shrink: 0;
			}
	
			.tuitxt {
				font-size: 20rpx;
				color: #999999;
				font-weight: bold;
	
				.status1 {
					color: #ED3232;
				}
	
				.status2 {
					color: #3D3D3D;
				}
	
				.status3 {
					color: #45C4B0;
				}
			}
	
			.lv {
				color: #45C4B0;
				font-weight: bold;
			}
		}
	
		.jjbox {
			display: flex;
			align-items: center;
	
			.kpic {
				width: 32rpx;
				height: 32rpx;
			}
	
			.jtxt {
				font-size: 28rpx;
				font-weight: bold;
				letter-spacing: 0em;
				color: #3D3D3D;
				padding-left: 12rpx;
			}
		}
	
		.dbox {
			display: flex;
			align-items: flex-end;
			justify-content: space-between;
	
			.dtxt {
				font-size: 20rpx;
				color: #3D3D3D;
	
				text {
					padding-left: 8rpx;
					font-size: 20rpx;
					color: #999999;
				}
			}
	
			.gong {
				font-size: 20rpx;
				color: #999999;
	
				text {
					font-size: 36rpx;
					color: #3D3D3D;
					padding: 0 8rpx;
					font-weight: bold;
				}
	
				.active {
					color: #3D3D3D;
				}
	
				.lv {
					color: #45C4B0;
				}
			}
		}
	}
	
	.order-tip {
		padding: 16rpx 25rpx;
		border-radius: 4px;
		margin: 20rpx 0;
	
		image {
			width: 24rpx;
			height: 24rpx;
		}
	
		.status-txt {
			font-family: Source Han Sans CN;
			font-size: 10px;
			font-weight: bold;
			margin: 0 8rpx;
		}
	
		.order-tip-right,
		.status-desc {
			font-family: Source Han Sans CN;
			font-size: 10px;
		}
	}
	
	// 待接单 进行中
	.order-tip1 {
		background: rgba(69, 196, 176, 0.15);
	
		.status-txt {
			color: #45C4B0;
		}
	
		.order-tip-right,
		.status-desc {
			color: #45C4B0;
		}
	}
	
	// 待处理 已退款
	.order-tip2 {
		background: #F2F5F2;
	
		.status-txt {
			color: #3D3D3D;
		}
	
		.order-tip-right,
		.status-desc {
			color: #3D3D3D;
		}
	}
	
	.buttons {
		justify-content: flex-end;
	
		.button-item {
			width: 62px;
			height: 20px;
			border-radius: 94px;
			padding: 3px 10px;
			font-family: Source Han Sans CN;
			font-size: 10px;
			margin-left: 16rpx;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	
		.button1 {
			background: #F2F5F2;
			color: #999999;
		}
	
		.button2 {
			background: rgba(69, 196, 176, 0.15);
			color: #45C4B0;
		}
	}
	
	.mask-finish {
		background-color: #ffffff;
		width: 534rpx;
		border-radius: 8px;
		padding-top: 48rpx;
	
		.matitle {
			font-size: 32rpx;
			font-weight: bold;
			text-align: center;
			letter-spacing: 0em;
			color: #3D3D3D;
			padding-bottom: 6rpx;
			line-height: 46rpx;
		}
	
		.matxt {
			font-size: 24rpx;
			font-weight: normal;
			text-align: center;
			letter-spacing: 0em;
			color: #999999;
			line-height: 34rpx;
			padding-bottom: 50rpx;
		}
	
		.quque {
			display: flex;
			align-items: center;
			border-top: 1px solid rgba(153, 153, 153, 0.1);
	
			.quli {
				width: 50%;
				height: 80rpx;
				line-height: 80rpx;
				text-align: center;
				font-size: 32rpx;
				font-weight: normal;
				letter-spacing: 0em;
				color: #3D3D3D;
			}
	
			.quactive {
				background: rgba(69, 196, 176, 0.05);
			}
		}
	}
	
	.time_model{
		display: flex;
		align-items: center;
		font-weight: bold;
	}
</style>